<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

	<ui:composition template="../template.xhtml">
		<ui:define name="conteudo">
			<div id="location">Manter Vistoria</div>
			<div id="container">
       			<div id="form">
       				<h:form enctype="multipart/form-data">
	       				<fieldset>
		       				<fieldset>
		       					<legend>Dados do Evento</legend>
		       					<table width="70%" align="left">
		   							<tr>
		   								<td>
		   									<label>
				      							<p>Código do Evento:</p>
				      							<p:inputText value="#{vistoriaMB.vistoriaEvento.evento.codigoEvento}" disabled="true"/>
				      						</label>
		   								</td>
		   								<td>
		   									<label>
				      							<p>Data do Evento:</p>
				      							<p:inputMask mask="99/99/9999" value="#{vistoriaMB.vistoriaEvento.evento.dtEvento}" disabled="true">
				      								<f:convertDateTime pattern="dd/MM/yyyy"/> 
				      							</p:inputMask>
				      						</label>
		   								</td>
		   								<td>
		   									<label>
		   										<p>Categoria do Evento:</p>
		   										<h:selectOneMenu value="#{vistoriaMB.vistoriaEvento.idCatEvento}">
		   											<f:selectItem itemValue="" itemLabel="Selecione"/>
		   											<f:selectItems value="#{vistoriaMB.categoriaEventoList}" var="cat" itemValue="#{cat.id}" itemLabel="#{cat.dsCategoria}"/>
		   										</h:selectOneMenu>
		   									</label>
		   								</td>
		   							</tr>
		   						</table>
		       				</fieldset>
		       				
		       				<p:spacer height="20"/>
		       				
		       				<fieldset>
		       					<legend>Dados do Cliente</legend>
		       					<table width="70%" align="left">
		       						<tr>
		       							<td>
											<p>Nome do Cliente:</p>
											<p:inputText value="#{vistoriaMB.vistoriaEvento.evento.cliente.nome}" disabled="true"/>		       							
		       							</td>
		       							<td>
											<p>CPF / CNPJ:</p>
											<p:inputText value="#{vistoriaMB.vistoriaEvento.evento.cliente.cdPess}" disabled="true"/>		       							
		       							</td>
			       						<td>
	       									<label>
					       						<p>Email:</p>
					       						<p:inputText value="#{vistoriaMB.vistoriaEvento.evento.cliente.email}" style="width:200px" disable="true"/>
					       					</label>
	       								</td>
	       								<td>
	       									<label>
					       						<p>Telefone Res:</p>
					       						<p:inputText value="#{vistoriaMB.vistoriaEvento.evento.cliente.telefoneRes}" style="width:100px" disable="true"/>
					       					</label>
	       								</td>
	       								<td>
	       									<label>
					       						<p>Telefone Cel.:</p>
					       						<p:inputText value="#{vistoriaMB.vistoriaEvento.evento.cliente.telefoneCel}" style="width:100px" disable="true"/>
					       					</label>
	       								</td>
	      								<td>
	       									<label>
					       						<p>Telefone Com.:</p>
					       						<p:inputText value="#{vistoriaMB.vistoriaEvento.evento.cliente.telefoneCom}" style="width:100px" disable="true"/>
					       					</label>
	       								</td>       								
	       							</tr>
		       					</table>
		       				</fieldset>
		       				
		       				<p:spacer height="20"/>
		       				
		       				<fieldset>
		       					<legend>Dados do Veículo</legend>
		       					<table width="70%" align="left">
			       					<tr>
	  									<td>
	  										<label style="width: 100px;">
				       							<p>Placa:</p>
				       							<p:inputText value="#{veiculoMB.veiculo.placa}" disable="true" />
				       						</label>
	  									</td>
	  									<td>
	  										<label style="width: 200px;">
				       							<p>Chassi:</p>
				       							<p:inputText value="#{veiculoMB.veiculo.chassi}" disable="true" />
	       									</label>
	  									</td>
	  									<td>
	  										<label style="width: 200px;">
				       							<p>UF Placa:</p>
				       							<p:inputText value="#{veiculoMB.veiculo.chassi}" disable="true" />
				       						</label>
	  									</td>     
	  									<td>
	  										<label style="width: 150px;">
				       							<p>Renavam</p>
				       							<p:inputText value="#{veiculoMB.veiculo.renavam}"  maxlength="20"/>
				       						</label>
	  									</td>						
	       							</tr>
	       						</table>
		       				</fieldset>
		       				
		       				<p:spacer height="20"/>
		       				
		       				<fieldset>
		       					<legend>Dados da Oficina</legend>
		       				</fieldset>
		       				
		       				<p:spacer height="20"/>
		       				
		       				<fieldset>
		       					<legend>Fotos</legend>
		       					<table width="70%" align="left">
		       						<tr>
		       							<td>
		       								<label>
		       									<p:fileUpload 
										            multiple="true"
		       										fileUploadListener="#{vistoriaMB.handleFileUpload}"
		       										auto="true"
		       										label="Selecione"
		       										update="album"/>
		       								</label>
		       							</td>
		       						</tr>
		       					</table>
		       				</fieldset>
		       				
		       				<p:spacer height="20"/>
		       				
		       				<fieldset>
		       					<legend>Álbum</legend>
		       					<table width="70%" align="left">
		       						<tr>
		       							<td>
		       								<label>
		       									<p:lightBox id="album">
		       										<c:forEach items="#{vistoriaMB.imgList}" var="img">
		       											<h:outputLink action="#">
													    	<p:graphicImage value="#{img}" width="70" height="70"/>
													    </h:outputLink>
													    <f:facet name="inline">  
													        <p:graphicImage value="#{img}"/>
													    </f:facet> 
													    <p:spacer width="20"/>
													</c:forEach>
		       									</p:lightBox>
		       								</label>
		       							</td>
		       						</tr>
		       					</table>
		       				</fieldset>
		       				
		       				<p:spacer height="20"/>
		       				
		       				<div align="right" style="padding-right: 20px; padding-bottom: 10px;">
		       					<p:commandButton value="Salvar" action="#{vistoriaMB.saveOrUpdate}"/>
		       					<p:spacer width="10"/>
		       					<p:commandButton value="Voltar"/>
		       				</div>
		       			</fieldset>
       				</h:form>
       			</div>
       		</div>	
		</ui:define>
	</ui:composition>
</html>